@charset "utf-8";

/*当前位置*/
.ny_banner{overflow: hidden;}
.ny_banner img{max-width: 100%;}
.here{overflow: hidden;background: #f2f4f6;clear: both; text-align: right; height: 60px; line-height: 60px; }
.here a{color: #999;}
.sublist{overflow: hidden;}
.sublist ul{}
.sublist ul li{float: left; line-height: 60px;text-align: center; padding: 0 30px; position: relative;}
.sublist ul li a{color: #333; font-size: 15px;transition: all .3s;}
.sublist ul li a:hover{display: inline-block; color: #333; font-size: 15px;border-bottom: 3px solid #00afde;}
.sublist ul li::after{content: "";position: absolute;width: 1px;height: 15px;display: block;background: #ccc;margin-top:-37px; right: 0;}
.sublist ul li .active{display: inline-block; border-bottom: 3px solid #00afde;}

.boxbg{overflow: hidden;background: #f2f4f6;clear: both;}
.pagebg{overflow: hidden;background: #FFF; margin:0 0 50px 0; padding: 50px;}
.pagenr{line-height: 28px; color: #666666;}
.pagenr h2{font-weight: bold; font-size: 32px; color: #00afde;}
.pagenr h3{font-size: 22px; margin: 20px 0;}
.pagenr img{ max-width: 100%;}

/*左侧分类*/
.web-left{float: left; width: 240px; margin-right: 40px;}
.leftlist{overflow: hidden;}
.leftlist h2{overflow: hidden; background: #00afde; text-align: center;color: #FFF; padding: 20px 40px; border-bottom: 3px solid #FFF;}
.leftlist h2 i{float: left; font-size: 32px;line-height: 40px; margin-right: 10px;}
.leftlist h2 span{float: left;font-size: 26px;}
.leftlist ul{}
.leftlist ul li{line-height: 50px;}
.leftlist ul li a{display: block;position: relative; color: #333; font-size: 15px; background: #e6e6e6; border-bottom: 1px solid #FFF; padding-left: 36px;}
.leftlist ul li a:hover{display: block;color: #FFF;font-size: 15px; background: #00afde;padding-left: 36px;}
.leftlist ul li a::after {content: '+';position: absolute;right: 20px;width: 10px;height: 10px;color: #999;font-size: 14px;}
.leftlist ul li .active{display: inline-block; background:#00afde;}
.leftlist ul li a:hover::after{content: '-';position: absolute;right: 20px;width: 10px;height: 10px;color: #FFF;font-size: 16px;}


.web-right{float: left; width:calc(100% - 280px);}


/*产品展示*/
.product{ margin: 50px 0;}
.product ul{margin-left: -1%;margin-right: -1%;}
.product ul li{ float:left; width: 23%; margin:  0 1%; margin-bottom: 30px;}
.product ul li .list-img{position: relative; top: 0; overflow: hidden; background: #FFF; border: 1px solid #e8e8e8;transition: all .5s ease;}
.product ul li .list-img img{max-width: 100%;}
.product ul li .list-img:hover{top: -5px;box-shadow: rgb(37 85 243 / 20%) 0px 3px 18px 2px;border: #00afde 1px solid;}
.product ul li h2{text-align:center; overflow:hidden; clear:both; font-size: 14px; font-weight: normal; height: 50px; line-height: 50px;}
.product ul li h2 a{color: #333;}


/*企业文化*/
.wenhua{}
.wenhua ul{ margin-left: -1%; margin-right: -1%;}
.wenhua ul li{float: left; width: 48%; margin: 0 1%;}
.wenhua ul li img{max-width: 100%;}




/*荣誉资质*/
.caselist {}
.caselist ul{ margin-left: -1%;margin-right: -1%;}
.caselist ul li {float: left;width: 23%; margin:  0 1%; margin-bottom: 30px;}
.caselist ul li .img-cover {padding-top: 66%;position: relative;}
.caselist ul li .img-cover span {display: block;width: 100%;background: no-repeat center / cover;-webkit-transition: all 0.5s;transition: all 0.5s;height: 100%;position: absolute;left: 0;top: 0;}
.caselist ul li .more {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,83,144,0.7);color: #fff;-webkit-transition: all 0.5s;
transition: all 0.5s;-webkit-transform: scale(0);transform: scale(0);}
.caselist ul li .more i {text-transform: uppercase;position: absolute;left: 50%;top: 50%;font-style: normal;border: 1px solid #fff;width: 54px;line-height: 54px;border-radius: 50%;text-align: center;margin: -28px 0 0 -28px;}
.caselist ul li .text {line-height: 40px;font-size: 14px;text-align: center;}
.caselist ul li a {display: block;color: #333; -webkit-transition: all 0.5s;transition: all 0.5s;}
.caselist ul li a:hover .more {-webkit-transform: scale(1);transform: scale(1);}


/*联系我们*/
.contact{overflow: hidden; margin-bottom: 50px;}
.contact h2{line-height: 50px; margin: 20px 0;}
.contact ul{}
.contact ul li{float: left; width: 50%; padding: 25px 0; font-size: 18px; border-bottom: 1px solid #E7E7E7;}
.contact ul li i{float: left; font-size: 38px; margin-right: 10px;}

/*在线留言*/
.message{}
.message ul{}
.message ul li{clear: both;overflow: hidden; margin: 20px 0;}
.message ul li span{float: left; width: 80px; font-size: 17px;height: 50px;line-height: 50px;}
.message ul li input{float: left;  width: calc(100% - 80px); border: 1px solid #E7E7E7; height: 50px;line-height: 50px; padding: 8px; border-radius: 5px;}
.message ul li textarea{float: left;  width: calc(100% - 80px); height: 180px; border: 1px solid #E7E7E7;padding: 8px;border-radius: 5px;}
.message ul li .yzm{ width: 120px;}
.message ul li .btns{ background: #ca0018;font-size: 16px; border-radius: 5px; color: #FFF; width: 150px; height: 50px; line-height: 50px; text-align: center; border: 0; margin-left: 80px;}

/*新闻资讯*/
.newslist{}
.newslist ul{}
.newslist ul li a {display: block;border-bottom: 1px solid #e5e5e5;padding: 30px 0;overflow: hidden;-webkit-transition: all 0.5s;transition: all 0.5s;}
.newslist ul li .img {float: left;width: 250px; margin-right: 30px;}
.newslist ul li .img img{max-width: 100%;}
.newslist ul li .text {float: left; width: calc((100% - 280px)); position: relative;padding-right: 180px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.newslist ul li .text h4 {font-size: 20px;position: relative;padding: 20px 0 10px 0;}
.newslist ul li .text p {overflow: hidden;color: #999;}
.newslist ul li .date {position: absolute;right: 30px;top: 0;}
.newslist ul li .date span {display: block;font-family: Impact;color: #ccc;font-size: 22px;margin-bottom: 20px;}
.newslist ul li .date i {border-left: 1px solid #e5e5e5;text-align: right;line-height: 20px;font-size: 0;display: block;}
.newslist ul li .date i:before {
	content: '→';
	color: #999;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	vertical-align: middle;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size: 20px;
	display: block;
	text-align: center;
}
.newslist ul li a:hover {padding-left: 30px;}
.newslist ul li a:hover .text {padding-right: 150px;}
.newslist ul li a:hover .date i:before {-webkit-transform: translateX(10px);transform: translateX(10px);}

/*相关新闻*/
.showbt{ border-bottom: 1px solid #E7E7E7; height: 40px; line-height: 40px; margin: 30px 0;}
.showbt span{font-size: 20px; font-weight: bold; color: #333;}

.news_show{overflow: hidden;}
.news_show ul{}
.news_show ul li{float: left; width: 49%; border-bottom: 1px dashed #E0E0E0;height: 38px; line-height: 38px; margin-right: 2%;}
.news_show ul li:nth-of-type(2n+0){margin-right: 0;}
.news_show ul li time{float: right; color: #999;}


/*详情页*/
.Details{overflow: hidden; padding: 30px 0;}
.Details h1{ text-align: center; font-size: 28px; line-height: 58px; margin-bottom: 15px;}
.Details dt{ text-align: center; line-height: 50px; border-bottom: 1px solid #E7E7E7;border-top: 1px solid #E7E7E7; margin-bottom: 30px;color: #999;}
.Details_content{line-height: 28px;}
.Details_content img{max-width: 100%;}

.proshowimg{ text-align: center; margin-bottom: 50px;}
.proshowimg img{max-width: 100%;}





@media (min-width:1024px) and (max-width:1366px) {

.pagenr h2{font-size: 28px;}
.pagebg {margin: 0 0 40px 0; padding: 40px;}

}

@media (min-width:768px) and (max-width:1023px) {

.pagenr h2{font-size: 24px;}
.pagenr h3{font-size: 18px;}
.pagebg {margin: 0 0 30px 0; padding: 30px;}

.wenhua ul li{width: 100%;}
.wenhua ul li img{margin-bottom: 30px;}

.caselist ul li{width: 48%;}
.product ul li{width: 48%;}

.newslist ul li .img{display: none;}
.newslist ul li .text{width: 100%;}

.Details h1{font-size: 24px;}
	
}


@media screen and (max-width:767px) {

.here{text-align: left;}
.pagenr h2{font-size: 22px;}
.pagenr h3{font-size: 14px;}
.pagebg {margin: 0 0 15px 0; padding: 15px;}

.sublist{}
.sublist ul{overflow: hidden; margin: 10px 0;}
.sublist ul li{float: left; width: 48%;line-height: 40px; margin: 0 1%; position: relative;margin-bottom: 5px;padding: 0;}
.sublist ul li a{display: block; color: #333; font-size: 13px;transition: all .3s;background: #f5f5f5;}
.sublist ul li a:hover{display: block; color: #FFF; font-size: 13px;background: #00afde;border-bottom: 0;}
.sublist ul li::after{display: none;}
.sublist ul li .active{display: block;background: #00afde;color: #FFF;border-bottom: 0;}

.wenhua ul li{width: 100%;}
.wenhua ul li img{margin-bottom: 30px;}

.caselist ul li{width: 48%;}
.product ul li{width: 48%;}

.newslist ul li .img{display: none;}
.newslist ul li .text{width: 100%; padding-right: 0;}
.newslist ul li .date{display: none;}

.contact ul li{width: 100%;}

.Details h1{font-size: 20px;}

}